<template>
  <div class="navberBtn">
    <!-- 导航按钮 -->
    <van-tabbar
      z-index="2"
      v-model="active"
      active-color="#ee0a24"
      inactive-color="#000"
    >
      <van-tabbar-item class="iconfont icon-wangyiyunyinle" to="/index">
        <span>推荐</span>
      </van-tabbar-item>
      <van-tabbar-item class="iconfont icon-shipin" to="/video">
        <span>播客</span>
      </van-tabbar-item>

      <van-tabbar-item class="iconfont icon-yinle1" to="/userinfo">
        <span>我的</span></van-tabbar-item
      >
      <van-tabbar-item class="iconfont icon-A" to="/attention">
        <span>关注</span></van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style lang="less">
.navberBtn {
  .iconfont {
    // &:nth-child(2){
    //   font-size: 14px;
    // }
    span {
      font-size: 16px;
    }
  }
}
</style>